
<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<base href="/guguanjia/">
	<meta charset="utf-8"/>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<title>固管家服务平台</title>
	<meta name="description" content="index"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="static/bootstrap/bootstrap.min.css"/>
	<link rel="stylesheet" href="static/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="static/chosen/chosen.min.css"/>

	<!-- ace styles -->
	<link rel="stylesheet" href="static/ace/css/ace.min.css" id="main-ace-style"/>
	<link rel="stylesheet" href="static/ace/css/ace-skins.min.css"/>
	<link rel="stylesheet" href="static/ace/css/ace-rtl.min.css"/>
	<link rel="stylesheet" href="static/ztree/metro.css"/>
	<link rel="stylesheet" href="static/validate/css/validform.css"/>
	<link rel="stylesheet" href="static/css/custom.css"/>

	<!--[if !IE]> -->
	<script src="static/jquery/jquery-2.1.1.min.js"></script>
	<!-- <![endif]-->
	<!-- ace settings handler -->
	<script src="static/ace/js/ace-extra.min.js"></script>
</head>

<body class="no-skin" id="body-content">

<!-- 主体 -->
<div class="main-container" id="main-container">



	<div class="main-content">


		<div class="page-content">

			<div class="page-header">
				<h1> {{role.name}} 编辑 </h1>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div id="fill-main-content" style="height:100%">
						<div class="xuboxPageHtml" id="xboxTest" style="overflow-y: auto; height: 516px;"><div class="layer">
							<form name="FormPost" id="role-save" class="FormGrid" method="post" action="role/save">

								<input type="hidden" value="27" name="id">
								<table class="EditTable" width="100%">
									<tbody>
									<tr class="FormData">
										<td class="CaptionTD">归属机构</td>
										<td class="DataTD width-100">

											<div class="clearfix width-100  input-group" style="">
												<input class="form-control search-query" type="text" readonly="" id="officeNameEdit" name="" v-model="offName" datatype="*" nullmsg="请选择归属机构">
												<span class="input-group-btn">
		<span class="btn btn-purple btn-sm" type="button" style="height: 34px;" @click="toSelect">
			<i class="ace-icon fa fa-search bigger-110"></i>
			<a href="javascript:void(0);">查找</a>
		</span>
	</span>
												<input type="hidden" name="officeId" id="officeEdit"  v-model="role.officeId">
											</div>

										</td>
									</tr>
									<tr class="FormData">
										<td class="CaptionTD">角色名称</td>
										<td class="DataTD width-100"><input type="text" name="name" datatype="*" nullmsg="请输入角色名称！" v-model="role.name"></td>
									</tr>
									<tr class="FormData">
										<td class="CaptionTD">数据范围</td>
										<td class="DataTD width-100">
											<select class="width-50 " name="dataScope" id="chosenSelectEdit" v-model="role.dataScope" @change="changeOfficeShow">
												<option value="1">所有数据</option>
												<option value="2">所在公司及以下数据</option>
												<option value="3">所在公司数据</option>
												<option value="4">所在部门及以下数据</option>
												<option value="5">所在部门数据</option>
												<option value="8">仅本人数据</option>
												<option value="9">按明细设置</option>
											</select>


											<span class="red width-50"> 特殊情况下,设置为"按明细设置",可进行跨机构授权</span>
										</td>
									</tr>
									<tr class="FormData">
										<td class="CaptionTD" style="vertical-align: top;">角色授权</td>
										<td class="DataTD">
											<div class="clearfix" style="width: 100%;display: inline-block;vertical-align: top;">

												<div id="treeSelectResEdit" style="width: 50%;display: inline-block;vertical-align: top;float: left">

													<div>
														<ul id="select-treetreeSelectResEdit" class="ztree" style="padding:15px 20px;">
														</ul>
													</div>
												</div>


<!--													display: none;	-->
												<div id="treeSelectOfficeEdit" style="width: 50%;  vertical-align: top; float: right;">

													<div>
														<ul id="select-treetreeSelectOfficeEdit" class="ztree" style="padding:15px 20px;">
														</ul>
													</div>
												</div>


											</div>
										</td>
									</tr>
									</tbody>
								</table>
							</form>
						</div>

							<div class="width-100 clearfix" tag-save-btn="" style="bottom: -36px; left: 0px; position: absolute;">
	<span class="btn btn-primary btn-sm bigger-110 width-50  pull-left" id="role-save-save" @click="doUpdate">
		<i class="ace-icon fa fa-floppy-o align-top bigger-125"></i> 确 定
	</span>
								<span class="btn btn-yellow btn-sm bigger-110 width-50 pull-right" id="role-save-cancel">
		<i class="ace-icon fa fa-times align-top  bigger-125"></i> 取 消
	</span>
							</div>

						</div>
					</div>

				</div>
			</div>
		</div><!-- /.page-content -->

	</div><!-- /.main-content -->

	<a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"  style="z-index:1111">
		<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
	</a>
</div><!-- /.main-container -->

<!-- 底部 -->
<!-- basic scripts -->

<script src="static/bootstrap/bootstrap.min.js"></script>
<!-- ace scripts -->
<script src="static/ace/js/ace-elements.min.js"></script>
<script src="static/ace/js/ace.min.js"></script>



<!-- 引入其他js -->
<script src="static/js/history.js"></script>
<script type="text/javascript" src="static/layer/layer.js"></script>
<script type="text/javascript" src="static/js/spin.min.js"></script>
<script type="text/javascript" src="static/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="static/js/jquery.autosize.min.js"></script>
<script type="text/javascript" src="static/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="static/validate/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" src="static/js/jquery.form.js"></script>
<script type="text/javascript" src="static/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="static/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="static/js/public.js"></script>
<script type="text/javascript" src="static/vue/vuejs-2.5.16.js"></script>
<script type="text/javascript" src="static/vue/axios-0.18.0.js"></script>
<script type="text/javascript" src="static/js/role/role-save.js"></script>
<!--<script type="text/javascript" src="static/js/office/office.js"></script>-->


</body>
</html>
